<template>
    <div class="home">
      <img src="../assets/05.png" alt="">
      <div class="aa">
          <ul>
            <li>新手帮助</li>
            <li>常见问题</li>
            <li>自助服务</li>
            <li>联系客服</li>
            <li>意见反馈</li>
          </ul>
          <ul>
            <li>权益保障</li>
            <li>全国包邮</li>
            <li>7天无理由退货</li>
            <li>退货运费补贴</li>
            <li>限时发货</li>
          </ul>
          <ul>
            <li>支付方式</li>
            <li>微信支付</li>
            <li>支付宝</li>
            <li>白付美支付</li>
          </ul>
          <ul>
            <li>移动客户端下载</li>
            <li>蘑菇街</li>
            <li>美丽说</li>
            <li>uni引力</li>
          </ul>
      </div>
      <div class="zz">
        <ul>
          <li>关于我们</li>
          <li>招聘信息</li>
          <li>联系我们</li>
          <li>商家入驻</li>
          <li>商家后台</li>
          <li>商家社区</li>
          <li>规则中心</li>
          <li>规则众议院</li>
          <li>有害信息举报</li>
          <li>用户隐私保护</li>
        </ul>
      </div>
      <div class="ww">
        <span></span>
        <span>©2019 Mogujie.com 杭州卷瓜网络有限公司</span>
        <span></span>
      </div>
      <div class="ee">
        <span>营业执照：913301065526808764</span>
        <span>网络文化经营许可证：浙网文(2016)0349-219号</span>
        <span>增值电信业务经营许可证：浙B2-20110349</span>
        <span>安全责任书</span>
      </div>
      <div class="tt">
        <span>浙公网安备 33010602010221号</span>
        <span>互联网药品信息服务资格证书编号：（浙)-经营性-2018-0002</span>
        <span>浙网食A33010003</span>
        <span>出版物网络交易平台服务经营备案证</span>
        <span>（浙）网械平台备字[2018]第00006号</span>
      </div>
    </div>
</template>

<script>
    export default {
        data: function () {
            return {}
        }
    }
</script>

<style scoped>
.home{
  width: 100%;
  background-image: url("../assets/bj2.jpg");
  height: 500px;

}
  .home img{
    width: 150px;
    margin-top: 50px;
  }
  .home .aa {
    overflow: hidden;
    color: #fff;
    font-size: 14px;
    width: 70%;
    margin: 0 auto;
    text-align: left;
  }
  .home .aa ul{
    float: left;
    margin: 50px 100px;
  }
  .home .aa li{
    /*float: left;*/
    font-size: 12px;
    margin: 10px;
  }
.home .aa li:first-child{
  /*float: left;*/
  font-size: 14px;
  border-bottom: solid 1px #fff;
  margin-bottom: 20px;
}
  .home .zz{
    width: 70%;
    margin: 0 auto;
  }
  .home .zz ul{
    overflow: hidden;
    margin-left: 50px;
  }
  .home .zz li{
    color: #fff;
    font-size: 12px;
    float: left;
    margin: 5px;
    border-right: solid 1px #fff;
    padding:0px 20px;
  }
.home .zz li:last-child{
  border: none;
}
  .home .ww{
    color:#fff;
    font-size: 12px;
    margin-top: 30px;
  }
.home .ww span{
  margin: 0 15px;
}
  .home .ww span:first-child{
    display: inline-block;
    width: 20%;
    border-bottom: solid 1px #fff;
    text-align: center;
    /*margin-left:22%;*/
    /*padding-top: -20px;*/
  }
.home .ww span:last-child{
  display: inline-block;
  width: 20%;
  border-top: solid 1px #fff;
  text-align: center;
  /*margin-left:58%;*/
  /*margin-top: 10px;*/
}
  .home .ee{
    color:#fff;
    font-size: 12px;
    margin-top: 20px;
  }
  .home .ee span{
    /*margin: 10px;*/
    border-right: solid 1px #fff;
    padding: 0 10px;
  }
.home .tt{
  color:#fff;
  font-size: 12px;
  margin-top: 10px;
}
.home .tt span{
  /*margin: 10px;*/
  border-right: solid 1px #fff;
  padding: 0 10px;
}
</style>
